{{define "macro_header"}}
	<nav class="navbar navbar-inverse">
		<div class="container-fluid">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
						data-target="#collapse-header" aria-expanded="true">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a id="home" class="navbar-brand" href="/">宏首页</a>
			</div>

			<div class="collapse navbar-collapse" id="collapse-header">
				<ul class="nav navbar-nav">
					<li id="combineSkills"><a href="/macro/view/combineSkills">组合多技能</a></li>
					<li id="precreate"><a href="/macro/view/precreate">快速创建</a></li>
					<li id="byHand"><a href="/macro/view/byHand">手动创建</a></li>
					<li id="ctSequence"><a href="/macro/view/ctSequence">创建技能循环</a></li>
					<li id="list"><a href="/macro/view/list">搜索所有宏</a></li>
					<li id="share"><a href="/macro/view/share">分享宏</a></li>
					<li id="info"><a href="/macro/view/info">宏命令资料</a></li>
					<li id="verify"><a href="/macro/view/verify">审核</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<script>
		$("#" + api).addClass("active");
		if (api == "home") {
			$("#" + api).css("color", "white");
		}
		$(".collapsed").click(function() {
			var tag = $(this).attr("data-target");
			$(".navbar-nav").css("height", "100px");
			$(tag).toggle();
		});
	</script>
{{end}}